<!DOCTYPE html>
<html manifest="/cache.manifest">

<head>
<meta name="format-detection" content="telephone=no" />
<title>新增收货地址</title>
<link rel="stylesheet" href="./sweet-alert.css" />
<script type="text/javascript" src="./jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="./mobile-adapter.js"></script>
<script type="text/javascript" src="./AreaData_min.js"></script>
<script type="text/javascript" src="./sweet-alert.js"></script>
<script type="text/javascript" src="./jquery.cookie.js"></script>

<style>
    body,div,span,p,img,a,ul,li{margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
	body{
		background:#fff;
		height: 100%;
		margin: 0;
		overflow:hidden;
		width: 640px
	}

	.sel_wrap{
		height:80px;background:#fff url(./icons.png) no-repeat right -4px;background-size:50px 50px;
		color: #a1a1a1; font-size: 16px;
		border:1px solid #E4E4E4;cursor:pointer;position:relative;_filter:alpha(opacity=0);
		margin: 10px;
	}
	.sel_wrap label{
		padding-left:10px;font-size:1.9em;z-index:2; color: #a1a1a1; line-height: 80px; height: 40px; display: block;
	}
	.sel_wrap .select{
	margin:20px;
		width:100%; height:40px; line-height:40px; z-index:4;position:absolute;top:0;left:0;padding:0;opacity:0; *margin-top:12px; filter:alpha(opacity=0);cursor:pointer; font-size: 16px;
	}

	#loading_bg {
		background: rgba(0,0,0,.7);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
		display: none;
	}
	
	#loading { 
		display:none;
		position:absolute; 
		height:200px; 
		width:400px; 
		margin:-100px 0px 0px -200px; 
		top: 50%; 
		left: 50%; 
		z-index:100;
		text-align: left; 
		padding: 0px; 
		text-align:center;
		border-radius: 6px;background: #EFEDE1;
		overflow: auto; 
	} 
	.red{ border:2px solid #d00; background:#ffe9e8; color:#d00;}
</style>
</head>
<body style="width: 100%;height: 100%;background: #F1F2F6">
	<!-- loading start -->
	<div id="loading_bg" style="left: 0px; height: 100%;"></div>
	<div id="loading">
		<span id="loading_msg" style="font-size: 1.9em;line-height: 200px;color: #7F7F7F"></span>
	</div>
	<!-- loading  end  -->

	<div style="width: 100%;height: 100px;position: fixed;top: 0;background: white;">
		<div style="width: 10%;height: 100px;float: left;">
			<img alt="" src="./icon_back.png" style="margin-top: 30px;margin-left: 15px;">
		</div>
		<div style="width: 80%;height: 100px;float: left;text-align: center;">
			<span style="line-height: 100px;font-size: 2.0em;">新增地址</span>
		</div>
		<div style="width: 10%;height: 100px;float: right;">
			<img alt="" src="./icon_home.png" style="margin-top: 30px;">
		</div>
	</div>
	
	<div style="width: 100%;height: auto;">
		<div style="width: 96%;height: 200px;margin-top: 120px;margin-left: 2%;margin-left: 2%;background: white;">
			<div style="width: 90%;height: 80px;border-bottom: 3px solid #F2F2F2;margin-left: 5%;margin-right: 5%;">
				<span style="font-size: 1.9em;line-height: 80px;">收货人</span>
			</div>
			<div style="width: 90%;height: 100px;margin-left: 5%;margin-right: 5%;">
				<input id="user_name" type="text" placeholder="请填写收货人姓名" style="width: 100%;height: 100px;border: none;font-size: 1.9em;margin-left: -2px;color: #50c7b8">
			</div>
		</div>
			
		<div style="width: 96%;height: 200px;margin-top: 40px;margin-left: 2%;margin-left: 2%;background: white;">
			<div style="width: 90%;height: 80px;border-bottom: 3px solid #F2F2F2;margin-left: 5%;margin-right: 5%;">
				<span style="font-size: 1.9em;line-height: 80px;">联系方式</span>
			</div>
			<div style="width: 90%;height: 100px;margin-left: 5%;margin-right: 5%;">
				<input id="mobile" type="tel" placeholder="请填写电话" maxlength="11" style="width: 100%;height: 100px;border: none;font-size: 1.9em;margin-left: -2px;color: #50c7b8">
			</div>
		</div>
		
		<div style="width: 96%;height: auto;margin-top: 40px;margin-left: 2%;margin-left: 2%;background: white;margin-bottom: 20px;">
			<div style="width: 90%;height: 80px;margin-left: 5%;margin-right: 5%;">
				<span style="font-size: 1.9em;line-height: 80px;">所在地区</span>
			</div>
			<div style="width: 90%;height: auto;margin-left: 5%;margin-right: 5%;margin-bottom: 5%;">
                <div class="sel_wrap" id="sel_wrap_province">
					<label id="label_province">请选择您所在的省份（市）</label>
					<select class="select" name="select_province" id="select_province">
					</select>
				</div>
				<div class="sel_wrap" id="sel_wrap_city" style="display: block;">
					<label id="label_city">请选择所在市区</label>
					<select class="select" name="select_city" id="select_city">
					</select>
				</div>
				<div class="sel_wrap" id="sel_wrap_town" style="display: none;">
					<label id="label_town">请选择所在县城</label>
					<select class="select" name="select_town" id="select_town">
					</select>
				</div>
                <input id="province" type="hidden">
                <input id="city" type="hidden">
                <input id="town" type="hidden">
			</div>
		</div>
		
		<div style="width: 96%;height: 200px;margin-top: 40px;margin-left: 2%;margin-left: 2%;background: white;">
			<div style="width: 90%;height: 80px;border-bottom: 3px solid #F2F2F2;margin-left: 5%;margin-right: 5%;">
				<span style="font-size: 1.9em;line-height: 80px;">详细地址</span>
			</div>
			<div style="width: 90%;height: 100px;margin-left: 5%;margin-right: 5%;">
				<input id="address_info" type="text" placeholder="请填写详细街道号" style="width: 100%;height: 100px;border: none;font-size: 1.9em;margin-left: -2px;">
			</div>
		</div>
		
		<div id="btn_add_address" style="width: 96%;height: 78px;margin-left: 2%;margin-left: 2%;background: #50c7b8;margin-top: 40px;text-align: center;margin-bottom: 40px;">
			<span style="width: 100%;height: 78px;line-height: 78px;font-size: 1.9em;color: white;">+保存地址</span>
		</div>
	</div>
	
		
	
	<script src="./add_address.js?v=5e02a23"></script>	
</body>
</html>